{{define "content"}}

<button class="btn btn-primary" data-toggle="modal" data-target="#myModal"> Add Order </button>

<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
	<div class="modal-dialog">
		<form action="/" method="post" class="form-horizontal" id="frm-create" role="form">
			<div class="modal-content">
				<div class="modal-header">
					<button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
					<h4 class="modal-title">Add Order </h4>
				</div>
				<div class="modal-body">

					<div class="form-group">
						<label for="name" class="col-xs-2 col-sm-2 col-md-2 control-label">name:</label>
						<div class="col-xs-12 col-sm-6 col-md-8">
							<input type="text" name="name" id="name" class="form-control">
						</div>
					</div>

					<div class="form-group">
						<label for="mids" class="col-xs-2 col-sm-2 col-md-2 control-label">mids:</label>
						<div class="col-xs-12 col-sm-6 col-md-8">
							<input type="text" name="mids" id="mids" class="form-control">
							<span class="help-inline">xxxx</span>
						</div>
					</div>

					<div class="form-group">
						<label for="rices" class="col-xs-2 col-sm-2 col-md-2 control-label">rices:</label>
						<div class="col-xs-12 col-sm-6 col-md-8">
							<input type="num" name="rices" id="rices" class="form-control">
							<span class="help-inline">xxxx</span>
						</div>
					</div>

				</div>
				<div class="modal-footer">
					<input type="submit" value="submit" class="btn btn-success">
					<input type="reset" value="reset" class="btn btn-danger">

					<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
				</div>
			</div><!-- /.modal-content -->
		</form>
	</div><!-- /.modal-dialog -->
</div><!-- /.modal -->


<div class="bs-docs-section">
	<div class="page-header">
		<h1 id="overview"> {{.title}} </h1>
	</div>
	<div class="row">
		<div class="col-xs-12 col-sm-10 col-md-10 col-lg-10">
			<table class="table table-striped table-hover select-table">
				<thead>
					<tr>
						<th>ID</th>
						<th>Name</th>
						<th>Mids</th>
						<th>Rices</th>
						<th>Timeline</th>
					</tr>
					<tbody>
						{{range .ods}}
						<tr>
							<td>{{.Id}} </td>
							<td>{{.Name}} </td>
							<td>{{.Mids}} </td>
							<td>{{.Rices}} </td>
							<td>{{.Timeline|time2}}</td>
						</tr>
						{{end}}
					</tbody>
				</thead>
			</table>
		</div>
	</div>
</div>

{{end}}	